<div [class]="'el-notification ' + horizontalDirection + ' ' + customClass" [@notifyAnimation]="showBox"
    [ngStyle]="{top: (offset ? offset + 'px' : 'auto'), 'z-index': zIndex}" style="visibility: hidden;"
    (mouseenter)="clearTimer()" (mouseleave)="startTimer()"> <i
        [class]="'el-notification__icon ' + makeClass() + ' ' + iconClass" *ngIf="type || iconClass"></i>
    <div class="el-notification__group" [class.is-with-icon]="makeClass() || iconClass">
        <h2 class="el-notification__title" *ngIf="title">{{title}}</h2>
        <div class="el-notification__content">
            <p>{{message}}</p>
        </div>
        <div class="el-notification__closeBtn el-icon-close" (click)="close()"></div>
    </div>
</div>